<template>
<div>
  <ul class="header-nav">
      <li>
        广州
        <b>&#xe688;</b>
      </li>

    <li class="box2">
      <router-link to="/index/ry" tag="span" active-class="as">
      <span>热映</span>
      </router-link>
      <router-link to="/index/dy" tag="span" active-class="as">
      <span>待映</span>
      </router-link>
    </li>
    <li><b>&#xe617;</b></li>
  </ul>
  <div class="box">
    <router-view></router-view>
  </div>
</div>
</template>

<script>

export default {
  name:'App',

}
</script>

<style lang="scss" scoped>

.box{
  overflow: auto;
  overflow: hidden;
}
  .box2{
    text-align: center;
  }
  .as{
    border-bottom: 1px solid red;
  }
</style>